@*
 * This template is called from other templates. It takes arguments
 * and then handles the rendering of the page header and body tags.
 *@
@(title: String)(style: Html)(content: Html)(script: Html)

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>@title</title>
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.versioned("images/favicon.png")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/element-plus.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/main.css")">
        @style
    </head>
    <body>
        @content

        <script src="@routes.Assets.versioned("javascripts/vue.global.js")" type="text/javascript"></script>
        <script src="@routes.Assets.versioned("javascripts/element-plus.js")" type="text/javascript"></script>
        <script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
        @script
    </body>
</html>
